{extend name='table'}

{block name="button"}
<!--{if auth("add")}-->
<button data-modal='{:url("add")}' data-title="{:lang('添加商品')}" class='layui-btn layui-btn-sm layui-btn-primary'>{:lang('添加商品')}</button>
<!--{/if}-->
<!--{if auth("status")}-->
<a data-confirm="确定要下架这些商品吗？" data-table-id="DataTable" data-action="{:url('status')}" data-rule="id#{id};status#2" class='layui-btn layui-btn-sm layui-btn-primary'>{:lang('下架商品')}</a>
<a data-confirm="确定要上架这些商品吗？" data-table-id="DataTable" data-action="{:url('status')}" data-rule="id#{id};status#1" class='layui-btn layui-btn-sm layui-btn-primary'>{:lang('上架商品')}</a>
<!--{/if}-->
<!--{if auth("remove")}-->
{if isset($type) and $type eq -1}
<a data-confirm="确定要永久删除这些商品吗？" data-table-id="DataTable" data-action="{:url('remove')}" data-rule="id#{id}" class='layui-btn layui-btn-sm layui-btn-primary'>{:lang('删除商品')}</a>
{else}
<a data-confirm="确定要删除这些商品吗？" data-table-id="DataTable" data-action="{:url('status')}" data-rule="id#{id};status#-1" class='layui-btn layui-btn-sm layui-btn-primary'>{:lang('删除商品')}</a>
{/if}

<!--{/if}-->
{/block}

{block name="content"}
<style type="text/css">
    .layui-tab-card>.layui-tab-title .layui-this {
        background-color: #009988
    }
</style>
<div class="layui-tab layui-tab-card">
    <ul class="layui-tab-title">
        {foreach ['1'=>lang('出售中'),'0'=>lang('待审核'),'2'=>lang('仓库中'),'-1'=>lang('回收站')] as $k=>$v}
        {if isset($type) and $type eq $k}
        <li data-open="{:url('index')}?type={$k}" class="layui-this">{$v}</li>
        {else}
        <li data-open="{:url('index')}?type={$k}">{$v}</li>
        {/if}
        {/foreach}
    </ul>
    <div class="layui-tab-content">
        {include file='index/index_search'}
        <table id="DataTable" data-url="{:sysuri('index')}" data-target-search="form.form-search"></table>
    </div>
</div>

<script>
    $(function () {
        $('#DataTable').layTable({
            even: true, height: 'full',
            sort: {field: 'sort', type: 'desc'},
            where: {type: '{$type|default="1"}'},
            cols: [[
                {checkbox: true, fixed: true},
                {field: 'sort', title: '{:lang("排序权重")}', width: 100, align: 'center', templet: '#SortInputTpl'},
                {field: 'title', title: '{:lang("商品名称")}', minWidth: 200, align: 'center',sort: true, templet: '<div>{{d.title||"-"}}</div>'},
                {field: 'subtitle', title: '{:lang("副标题")}', minWidth: 100, align: 'center', templet: '<div>{{d.subtitle||"-"}}</div>'},
                {field: 'costprice', title: '{:lang("成本单价")}', minWidth: 50, align: 'center', templet: '<div>{{d.costprice||"-"}}</div>'},
                {field: 'costnum', title: '{:lang("数量")}', minWidth: 30, align: 'center', templet: '<div>{{d.costnum||"-"}}</div>'},
                {
                    field: 'thumb', title: '{:lang("商品图片")}', width: 80, align: 'center', templet: function (d) {
                        if (!d.thumb) return '-';
                        return layui.laytpl('<div class="headimg headimg-ss shadow-inset margin-0" data-tips-image data-tips-hover data-lazy-src="{{d.thumb}}"></div>').render(d);
                    }
                },
                {field: 'merchname', title: '{:lang("供货商")}', minWidth: 50, align: 'center', templet: '<div>{{d.merchname||"-"}}</div>'},
                {field: 'marketprice', title: '{:lang("售价")}', minWidth: 50, align: 'center',sort: true, templet: '<div>{{d.marketprice||"-"}}</div>'},
                {field: 'total', title: '{:lang("库存")}', align: 'center', minWidth: 30},
                {field: 'tag_str', title: '{:lang("标签")}', align: 'center', minWidth: 50},
                {toolbar: '#toolbar', title: '{:lang("操作")}', align: 'center', minWidth: 260, fixed: 'right'}
            ]]
        });
    });
</script>

<!-- 列表排序权重模板 -->
<script type="text/html" id="SortInputTpl">
    <input type="number" min="0" data-blur-number="0" data-action-blur="{:sysuri()}" data-value="id#{{d.id}};action#sort;sort#{value}" data-loading="false" value="{{d.sort}}" class="layui-input text-center">
</script>

<script type="text/html" id="toolbar">

<!--{if auth("edit_copy")}-->    

	 <a class="layui-btn layui-btn-sm layui-btn-danger" data-confirm="{:lang('确定要复制商品吗？')}" data-action="{:url("edit_copy")}?id={{d.id}}" data-value="id#{{d.id}};status#1">{:lang('复制')}</a>
    <!--{/if}-->
    <!--{if auth("edit")}-->
    <a class="layui-btn layui-btn-sm" data-event-dbclick data-title="{:lang('编辑商品')}" data-modal='{:url("edit")}?id={{d.id}}'>{:lang('编 辑')}</a>
    <!--{/if}-->
    <!--{if auth("status")}-->
    <!-- {if isset($type) and $type eq 0} -->
        <a class="layui-btn layui-btn-sm layui-btn-danger" data-confirm="{:lang('确定要通过商品吗？')}" data-action="{:url('status')}" data-value="id#{{d.id}};status#1">{:lang('通 过')}</a>
    <!-- {/if} -->
    <!-- {if isset($type) and $type eq 1} -->
        <a class="layui-btn layui-btn-sm layui-btn-danger" data-confirm="{:lang('确定要下架商品吗？')}" data-action="{:url('status')}" data-value="id#{{d.id}};status#2">{:lang('下 架')}</a>
    <!-- {/if} -->
    <!-- {if isset($type) and $type eq 2} -->
        <a class="layui-btn layui-btn-sm layui-btn-danger" data-confirm="{:lang('确定要上架商品吗？')}" data-action="{:url('status')}" data-value="id#{{d.id}};status#1">{:lang('上 架')}</a>
    <!-- {/if} -->
    
    <!--{/if}-->
    <!--{if auth("remove")}-->
    <!--{if isset($type) and $type eq -1}-->
    <a class="layui-btn layui-btn-sm layui-btn-danger" data-confirm="{:lang('确定要永久删除吗？')}" data-action="{:url('remove')}" data-value="id#{{d.id}}">{:lang('删 除')}</a>
    <!-- {else} -->
    <a class="layui-btn layui-btn-sm layui-btn-danger" data-confirm="{:lang('确定要放入回收站吗？')}" data-action="{:url('status')}" data-value="id#{{d.id}};status#-1">{:lang('删 除')}</a>
    <!--{/if}-->
    <!--{/if}-->
</script>
{/block}